<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="ISUX">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>

    <link rel="stylesheet" type="text/css" href="../frozen/css/frozen.css">
    <link rel="stylesheet" type="text/css" href="../css/default.css">

    <title>爱心基金池</title>
    <link rel="stylesheet" type="text/css" href="../css/fund_pool.css">
</head>
<body>
    <div class="ui-footer ui-footer-navi ui-btn-group ui-border-t">
        <a href="#" class="active"><i class="i1"></i><div>首页</div></a>
        <a href="#"><i class="i2"></i><div>发起项目</div></a>
        <a href="#"><i class="i3"></i><div>个人中心</div></a>
        <a href="#"><i class="i4"></i><div>个人中心</div></a>
    </div>

    <section class="ui-container">
        <div class="fp-detail-top ui-border-b">
            <ul class="ui-list fb-list">
                <li class="ui-border-t">
                    <a href="#">
                        <div class="ui-list-img">
                            <span style="background-image:url(http://placeholder.qiniudn.com/70x70)">
                                <span>企业</span>
                            </span>
                        </div>
                        <div class="ui-list-info">
                            <h4 class="ui-nowrap">兴业全球基金会</h4>
                            <p>爱收益，又爱公益，做个有钱有爱的企业爱收益，又爱公益，做个有钱有爱的企业</p>
                        </div>
                    </a>
                </li>
            </ul>
        </div>

        <ul class="ui-tiled ui-info-tiled ui-border-b">
            <li>
                <div class="num"><em>6000</em>人次</div>
                <div>累计助力</div>
            </li>
            <li>
                <div class="num"><em>100.52</em>万元</div>
                <div>累计配捐</div>
            </li>
            <li>
                <div class="num"><em>20.00</em>万元</div>
                <div>配捐余额</div>
            </li>
        </ul>
    
        <div class="ui-card-module ui-border-tb">
            <h4 class="ui-border-b">发起的项目</h4>            
            <ul class="p-list">
                <li>
                    <a href="#">
                        <div class="top" style="background-image:url(../images/demo/demo-project-1.jpg)">
                            <div class="h3-box"><h3>3万留守儿童的渴望</h3></div>
                            <div class="ui-progress">
                                <span style="width:50%"></span>
                            </div>
                            <div class="status">募集中</div>
                        </div>
                        <div class="bottom">
                            <div class="infos">
                                <div class="infos-l">共<span class="num">4293</span>份爱心捐款</div>
                                <div class="infos-r">已筹<span class="num">2200</span>元</div>
                            </div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="top" style="background-image:url(../images/demo/demo-project-2.jpg)">
                            <div class="h3-box"><h3>分享零花钱顶起童年</h3></div>
                            <div class="ui-progress yellow">
                                <span style="width:100%"></span>
                            </div>
                            <div class="status yellow">已筹满</div>
                        </div>
                        <div class="bottom">
                            <div class="infos">
                                <div class="infos-l">共<span class="num">4293</span>份爱心捐款</div>
                                <div class="infos-r">已筹<span class="num">2200</span>元</div>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>

        <div class="ui-line-more">
            <p>查看更多</p>
        </div>

        <div class="banner-wrap">
            <div class="txt-bottom"><a>了解火堆</a><a href="">关注火堆</a><img src="../images/ic-qrcode.png" alt=""></div>
            <img class="img-bottom" src="../images/logo_and_txt.png" alt="">
        </div>
    </section>

    <script src="../frozen/lib/zeptojs/zepto.min.js"></script>
    <script src="../frozen/js/frozen.js"></script>
    
    <script>
        $(function(){

        })

    </script>
</body>
</html>